<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Mosaddek">
		<meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
		<link rel="shortcut icon" href="img/favicon.html">

		<title>Dynamic Table</title>

		<!-- Bootstrap core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/bootstrap-reset.css" rel="stylesheet">
		<!--external css-->
		<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<!-- Custom styles for this template -->
		<link href="css/style.css" rel="stylesheet">
		<link href="css/style-responsive.css" rel="stylesheet" />
		<link href="css/local.css" rel="stylesheet" />

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<section id="container" class="">
			<!--header start-->
			<div id="header">

			</div>


			<!--main content start-->

			<section id="main-content">
				<section class="wrapper">
					<!-- page start-->
					<div class="row">
						<div class="col-lg-12">
							<section class="panel">
								<header class="panel-heading">
									外出老人列表
								</header>
								<!-- 搜索-->
								<div class="x_content">
									<form method="post" action="">
										<input type="hidden" name="pageIndex" value="1" />
										<ul>
											<li>
												<div class="form-group">
													<label class="control-label col-lg-2 col-sm-3 col-xs-12"
														   style="text-align: center">外出老人姓名</label>
													<div class="col-lg-2 col-sm-6 col-xs-12">
														<input id="ww" name="ww" type="text" v-model="ww"
															   class="form-control" placeholder="外出老人姓名">
													</div>
												</div>
											</li>
											<li>
												<button type="button" class="btn btn-primary" id="submit" @click="chaxun"
														> 查 &nbsp;&nbsp;&nbsp;&nbsp;询
												</button>
											</li>
										</ul>
									</form>
								</div>
								<table class="table table-striped table-advance table-hover">
									<thead>
									<tr>
										<th style="width:8px;"><input type="checkbox" class="group-checkable"data-set="#sample_1 .checkboxes" /></th>
										<th>外出老人姓名</th>
										<th class="hidden-phone">床位</th>
										<th class="hidden-phone">身份证</th>
										<th class="hidden-phone">操作</th>
									</tr>
									</thead>
									<tbody>
									<tr class="odd gradeX" id="lp" v-for="xians in listhui.list">
										<td><input type="checkbox" class="checkboxes" value="xians.id" /></td>
										<td>{{xians.username}}</td>
										<td class="hidden-phone" v-text>{{xians.contractno}}</td>
										<td class="center hidden-phone">{{xians.identitycode}}</td>
										<td>
											<button class="btn btn-primary btn-xs  ry1" @click="ruyuan(xians.id)"><i class="icon-pencil"></i>登记入院</button>
										</td>
									</tr>
								
									</tbody>
								</table>
								<div class="pages">
									<a href="javascript:;" class="p_pre" id='homePage'>首页</a>
									<a href="javascript:;" class="cur number">1</a>
									<a href="javascript:;" class=" number">2</a>
									<a href="javascript:;" class="number">3</a>
									<a href="javascript:;" class="p_pre" id='lastPage'>末页</a>
								</div>
							</section>
						</div>
					</div>
					<!-- page end-->
				</section>
			</section>
			<!--main content end-->
		</section>

		<!-- js placed at the end of the document so the pages load faster -->
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.scrollTo.min.js"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script type="text/javascript" src="assets/data-tables/jquery.dataTables.js"></script>
		<script type="text/javascript" src="assets/data-tables/DT_bootstrap.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/axios.js"></script>
		<script src="localjs/zhou/churuyuanfanhui.js"></script>
		

		<!--common script for all pages-->
		<script src="js/common-scripts.js"></script>

		<!--script for this page only-->
		<script src="js/dynamic-table.js"></script>


	</body>
</html>
